{extend name="base" /}
{block name="header_top"}
{include file="header-top" /}
{/block}
{block name="body"}
<div class="width-out clearfix">
    <div class="help-sidebar">
        <div class="accordion" id="accordion">
            {help_category limit="5"}
            <div class="accordion-item">
                <button class="btn btn-light btn-block text-left clearfix" type="button" data-toggle="collapse" data-target="#collapse{$key}"><i class="iconfont" style="margin-right: 5px;"></i>{$name} <span class="rotate-throw"></span></button>
                <div id="collapse{$key}" class="collapse show">
                    {help_list cid="$category['id']" limit="10"}
                    <a class="text-decoration-none help-nav-item {eq name="$help_id" value="$help['id']"}active{/eq}" href="{:url('/help/' . $id,'','html')}">{$title}</a>
                    {/help_list}
                </div>
            </div>
            {/help_category}
        </div>
    </div>

    <div class="help-container">
        <div class="border-bottom mb-2">
            <h5 id="contextTitle">{$help1.title}</h5>
        </div>
        <div class="help-tab-content tab-content py-3 px-3 font-14 text-dark" id="helpTabContent">
            <div class="tab-pane fade active show">
                 {$help1.content | raw}
            </div>
        </div>
    </div>
</div>
{/block}